<template>
  <transition>
    <div class="push-order-details">

      <section class="app-main">
        <template v-if="selectProduct==false">
        <div class="tab-body">
          <div class="tab-content tab-content-price">

            <div class="info-header">
              <mt-cell title="供应商" :value="post.supplier" is-link @click.native="handleSelectSupplier"></mt-cell>
              <mt-cell title="仓库仓位" :value="post.warehouse" is-link @click.native="handleSelectWarehouse"></mt-cell>
            </div>
            <div class="info-product">
              <div class="info-product-header">
                商品信息
                <mt-button type="primary" @click="handleAddPrice('0')"><span class="iconfont icon-zengjia"></span>添加</mt-button>
              </div>
              <dl class="media-list media-show-product" v-if="productHasSelect.length>0">
                <dd class="media-item" v-for="(item,index) in productHasSelect">
                    <div class="media-title">{{item.commAttribName}}<span class="iconfont icon-close2" @click="handleDeleteProduct(index,'0')"></span></div>
                    <dl class="media-price">
                      <dd class="price">￥{{item.retailPrice}}</dd>
                      <dd class="count">x{{item.qty}}</dd>
                      <dd class="num">￥{{(item.retailPrice)*(item.qty)}}</dd>
                    </dl>
                </dd>
              </dl>
            </div>
            <div class="info-footer">
              <mt-cell
                title="支付方式" class="mint-field mint-field-select">
                <select v-model="post.settlementId" class="select-operator">
                  <option v-for="item in payList" :value="item.settlementId">{{item.settlement}}</option>
                </select>
              </mt-cell>
              <mt-cell
                title="备注" class="mint-field">
                <textarea v-model="post.comments" class="item-textarea" placeholder="请填写备注" oninput="this.style.height=this.scrollHeight + 'px'"></textarea>
              </mt-cell>
            </div>
          </div>
        </div>
          <div class="button-content-bottom">
            <span class="content-left">
              <span class="price-num">合计：￥{{priceNum}}</span>
            </span>
            <mt-button type="primary" @click.native="handleSureBuy">确认采购({{checkedAllCount}}件)</mt-button>
          </div>
        </template>
        <!--选择配件或服务弹窗-->
        <div
          v-show="selectProduct==true"
          class="popup-select-product">
          <div class="search-content">
            <mt-field label="" placeholder="可输入商品编码、商品名称查询" v-model="searchValue" @keyup.enter.native="handleSelectCode">
              <span class="iconfont icon-search" @click="handleSelectCode"></span></mt-field>

            <!--<mt-button class="action-ruku" type="primary">入库</mt-button>-->
          </div>
          <ul class="media-list"
              v-infinite-scroll="loadMore"
              infinite-scroll-disabled="loading"
              infinite-scroll-distance="10">
            <li class="media-item" v-for="(item,index) in productList">
              <!--<span class="media-img"><img :src="item.src"></span>-->
              <span class="media-img"><img :src="noneImg"/></span>
              <dl class="media-content">
                <dd class="media-title">{{item.commAttribName}}</dd>
                <dd class="media-number">{{item.commAttribCode}}
                  <!--<span class="count">x{{item.onHandQty}}</span>-->
                </dd>
                <dd class="media-price">
                  ￥<span class="price">
                    <input class="price-input" type="number" v-model="item.retailPrice"/>
                </span>
                  <div class="select-count">
                    <span class="item item-reduce js-item-reduce" @click="handleModify(item,'reduce')">-</span>
                    <input class="item item-input js-item-input" type="number" v-model="item.qty"/>
                    <span class="item item-add js-item-add" @click="handleModify(item,'add')">+</span>
                  </div>
                </dd>
              </dl>
            </li>
          </ul>
          <div class="button-content-bottom">
            <mt-button type="default" @click.native="selectProduct=false">返回</mt-button>
            <mt-button type="primary" @click.native="handleSureProduct">确认</mt-button>
          </div>
          <div class="line-scale-pulse-out" v-show="loading">
            <div class="loader-item"></div>
            <div class="loader-item"></div>
            <div class="loader-item"></div>
            <div class="loader-item"></div>
            <div class="loader-item"></div>
          </div>
        </div>

        <mt-popup
          v-model="popupSupplier"
          position="bottom" class="my-popup">


          <div class="search-content">
            <mt-field label="" placeholder="供应商名称" v-model="searchValueSupplier">
              <span class="iconfont icon-search"></span></mt-field>

            <!--<mt-button class="action-ruku" type="primary">入库</mt-button>-->
          </div>
          <div class="media-list">
            <mt-cell v-for="item in dataSupplier" :title="item.bartererName" is-link @click.native="handleSureSupplier(item)">

            </mt-cell>
          </div>
        </mt-popup>

        <mt-popup
          v-model="popupWarehouse"
          position="bottom" class="my-popup my-popup-warehouse" style="padding: 0;">
          <div class="media-list">
            <mt-cell v-for="(item,index) in warehouseList" :title="item.depot" is-link :class="{active:curIndex==index}" @click.native="handleSelectStoring(item,index)">

              <dl class="factory-list">
                <dd class="factory-item" v-for="chexi in warehouseStoringList" @click="handleSureWarehouse(chexi)">{{chexi.location}}</dd>
              </dl>
            </mt-cell>
          </div>
        </mt-popup>
    </section>
  </div>
    </transition>
</template>

<script>
  import { Navbar,Button,MessageBox,Toast ,Checklist,Indicator} from 'mint-ui';

export default {
  data () {
    return {
      searchValueSupplier:'',
      payList:[],
      curIndex:'',
      popupSupplier:false,
      supplierList:[],
      popupWarehouse:false,
      warehouseList:[],
      warehouseStoringList:[],
      selectType:'',
      searchValue:'',
      noneImg:'./static/img/img-none.jpg',
      selectProduct:false,
      productList:[],
      productHasSelect:[],
      serviceHasSelect:[],
      carQuestion:{
        content:'',
        note:'',
      },

      carInfo:{},
      currentType:'0',
      form:{

      },
      warehouse:'',
      post:{
        supplier:'请选择供应商',
        supplierId:'',
        depotId:'',
        locationId:'',
        settlementId:'',
        warehouse:'请选择仓库仓位',
        comments:'',
      },
      servicePriceAttr:[],
      page:1,
      total:'',
      loading:false,
    }
  },
  beforeRouteEnter (to, from, next) {
    var u = navigator.userAgent;
    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    // XXX: 修复iOS版微信HTML5 History兼容性问题
    if (isiOS && to.path !== location.pathname) {
      // 此处不可使用location.replace
      location.assign(to.fullPath)
    } else {
      next()
    }
  },
  computed:{
    checkedAllCount() {
      var count=0;
      this.productHasSelect.forEach(function(item){
        count+=item.qty;
      });
      return count;
    },
    priceNum(){
      var priceNum=0;
      this.productHasSelect.forEach(function(item){
        priceNum+=(item.retailPrice)*(item.qty);
      });
      return priceNum;
    },
    /**联想搜索计算**/
    dataSupplier(){
      return this.supplierList.filter((d) => {
          if (d.bartererName.indexOf(this.searchValueSupplier) > -1) {
        return d;
      }
    })
    }
  },
  mounted(){
    //    Indicator.open({
//      text: '加载中...',
//      spinnerType: 'snake'
//    });


    if(this.$route.query.id!=undefined){
      var params = new URLSearchParams();
      params.append('form.poHeadId',this.$route.query.id);
      this.$axios({
        method: 'post',
        url:'gp/bu/purchase!purchaseOrderHeadDetail.do',
        data:params
      }).then((res)=>{
        const resData=res.data.object;
      this.post.supplier=resData.supplierName;
      this.post.supplierId=resData.supplierId;
      this.post.supplierId=resData.supplierId;
      this.post.supplierId=resData.supplierId;

//    :{
//          supplier:'请选择供应商',
//          supplierId:'',
//          depotId:'',
//          locationId:'',
//          settlementId:'',
//          warehouse:'请选择仓库仓位',
//          comments:'',
//        },
    });
    }
    this.getData();
    this.getDataPay();
  },
  methods: {
    getData(){
      this.page=1
      var params = new URLSearchParams();
      params.append('page', this.page);
      params.append('commAttribCode', this.searchValue);
      this.$axios({
        method: 'post',
        url:'gp/bu/commattrib!getCommattribList.do',
        data:params,
      }).then((res)=>{
        for(var i=0;i<res.data.rows.length;i++){
        res.data.rows[i].qty=0;
        this.productList.push(res.data.rows[i])
      }
      this.total=res.data.total
//      Indicator.close();
    });
    },
    getDataPay() {
      var params = new URLSearchParams();
      params.append('page','1');
      params.append('rows','100');
      this.$axios({
        method: 'post',
        url:'gp/bu/settlement!getSettlementList.do',
        data:params
      }).then((res)=>{
        this.payList=res.data.rows

    })
    },
    handleModify(item,type){

      if(type=='reduce'){
        if(item.qty<=0){
          Toast({
            message: '不能小于0',
            position: 'middle',
            duration:1200
          });
          return false;
        }else{
          item.qty--;
        }

      }else{

        item.qty++;
      }

    },

    handleSureProduct(){
      this.productHasSelect=[];
      for(var i=0;i<this.productList.length;i++){

        if(this.productList[i].qty!=0){
          if(this.productList[i].retailPrice==undefined ){
            Toast({
              message: '请输入采购价',
              position: 'middle',
              duration: 1000
            });
            return false;
          }else{
            console.log(this.productList[i].retailPrice,111)
            this.productHasSelect.push(this.productList[i])

          }
        }
      }
      this.selectProduct=false
    },
    handleDeleteProduct(index,type){
      if(type=='0'){
        this.productHasSelect.splice(index,1)
      }else{
        this.serviceHasSelect.splice(index,1)
      }

    },
    handleSelectCode(){
      this.productList=[];
      this.getData();
    },
    loadMore(){
      console.log(this.productList.length,this.total,2352424)
      if(this.total==0){
        return false;
      }
      if(this.productList.length<this.total){
        this.loading = true;
        this.page++;
        var params = new URLSearchParams();
        params.append('page', this.page);
        params.append('commAttribCode', this.searchValue);
        this.$axios({
          method: 'post',
          url:'gp/bu/commattrib!getCommattribList.do',
          data:params,
        }).then((res)=> {

          for(var i=0;i<res.data.rows.length;i++){
          res.data.rows[i].qty=0;
          this.productList.push(res.data.rows[i])
        }
      });
        setTimeout(() => {
          this.loading = false;
      },1500);
      }else{
        this.loading = false;
        this.loadTips=true;
      }
    },
    handleAddPrice(type){
      /**生成列表**/
      this.selectType=type;
      this.selectProduct=true
    },
    handleSelectSupplier(){
      if(this.supplierList.length<=0){
        /** 获取供应商列表 **/
        var params = new URLSearchParams();
        params.append('page','1');
        params.append('rows','100');
        this.$axios({
          method: 'post',
          url:'gp/bu/supplier!getSupplierList.do',
          data:params
        }).then((res)=>{
          this.supplierList=res.data.rows
        this.popupSupplier=true
      })
      }else{

        this.popupSupplier=true
      }
    },
    handleSureSupplier(item){
      this.post.supplier=item.bartererName
      this.post.supplierId=item.supplierId
      this.post.settlementId=item.settlementId
      this.popupSupplier=false

    },
    handleSelectWarehouse(){
      if(this.warehouseList.length<=0){
        /** 获取供应商列表 **/
        var params = new URLSearchParams();
        params.append('page','1');
        params.append('rows','100');
        this.$axios({
          method: 'post',
          url:'gp/bu/depot!getDepotList.do',
          data:params
        }).then((res)=>{
          this.warehouseList=res.data.rows
        this.popupWarehouse=true
      })
      }else{

        this.popupWarehouse=true
      }
    },
    handleSelectStoring(item,index){
      this.warehouse=item.depot
      /** 获取供应商列表 **/
      var params = new URLSearchParams();
      params.append('form.depotId',item.depotId);
      this.$axios({
        method: 'post',
        url:'gp/bu/location!getLocationList.do',
        data:params
      }).then((res)=>{
        this.warehouseStoringList=res.data.rows
      this.curIndex=index;
    })

    },
    handleSureWarehouse(item){
      console.log(item)
      this.post.warehouse=this.warehouse+'-'+item.location
      this.post.depotId=item.depotId
      this.post.locationId=item.locationId
      this.popupWarehouse=false
    },
    handleSureBuy(){

      if(this.post.supplierId==''){
        Toast({
          message: '请选择供应商',
          position: 'middle',
          duration: 1000
        });
        return false;
      }
      if(this.post.locationId==''){
        Toast({
          message: '请选择仓库仓位',
          position: 'middle',
          duration: 1000
        });
        return false;
      }

      if(this.productHasSelect.length<=0){
        Toast({
          message: '请选择商品',
          position: 'middle',
          duration: 1000
        });
        return false;
      }
      var inserted=[];
      for(var i=0;i<this.productHasSelect.length;i++){
        this.productHasSelect[i].depot=(this.post.warehouse).split('-')[0]
        this.productHasSelect[i].location=(this.post.warehouse).split('-')[1]
        this.productHasSelect[i].depotId=this.post.depotId
        this.productHasSelect[i].locationId=this.post.locationId;
        this.productHasSelect[i].indexNo=i+1;

        console.log(this.productHasSelect[i])
          inserted.push(this.productHasSelect[i])
      }
      var insertedSettle=[];
      for(var i=0;i<this.payList.length;i++){

        if(this.payList[i].settlementId==this.post.settlementId){
          var item={
            indexNo:i+1,
            paymentAmt:this.priceNum,
            settlementId:this.post.settlementId,
            settlement:this.payList[i].settlement,
          }
          insertedSettle.push(item)
        }
      }
      insertedSettle
      var params = new URLSearchParams();
      params.append('form.poNo','NewBill');
      params.append('form.supplierId',this.post.supplierId);

      params.append('form.supplierName',this.post.supplier);
      params.append('form.totalQty',this.checkedAllCount);
      params.append('form.purchaseAmt',this.priceNum);
      params.append('form.grossProceeds',this.priceNum);
      params.append('form.costAmt',this.priceNum);
      params.append('form.inserted',JSON.stringify(inserted));
      params.append('form.insertedSettle',JSON.stringify(insertedSettle));
      params.append('form.remarks',this.post.comments);
      params.append('form.billType','1801');

      this.$axios({
        method: 'post',
        url:'gp/bu/purchase!savePurchaseOrderHead.do',
        data:params
      }).then((res)=>{

        if(res.data.result==true){

        Toast({
          message: res.data.message,
          position: 'middle',
          duration: 1500
        });
        setTimeout(()=>{
          this.$router.push({path:'/purchasing-list'})
      },1500)
      }
    })
    }

  }
}
</script>

<style>

    .push-order-details .app-main{
    padding:0 0 52px;
  }

    .push-order-details .button-select{
      float: right;
      height: 28px;
      font-size: 12px;
    }
    .push-order-details .module-block{
      background: #fff;
      margin: 0 0 12px;
    }
    .push-order-details .word-content{
      margin: 0;
    }
    .push-order-details .block-header{
      position: relative;
      display: block;
      padding:12px 12px 10px;
      font-size:16px;
      color: #000;
    }
    .push-order-details .module-block-price .block-header{
      position: relative;
      padding:8px 12px 14px;
    }
    .push-order-details .block-header:before{
      background:#007EE5;
      position: relative;
      top:-2px;
      display:inline-block;
      vertical-align: middle;
      width:3px;
      height:16px;
      content: '';
      margin-right:5px;
    }
  .push-order-details .details-tab-button{
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    overflow: hidden;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.02);
  }
  .push-order-details .details-tab-button .item{
    display: flex;
    width: 50%;
    align-items: center;
    justify-content: center;
    padding:12px 0;
    font-size:15px;
  }
  .push-order-details .details-tab-button .item.active{
    border-bottom: 1px solid #007EE5;
    color: #007EE5;
  }
    .push-order-details .module-block .mint-cell-title{
      width:98px !important;
      line-height: 22px;
      font-size: 15px;
      color: #333;
    }
    .push-order-details .module-block .mint-cell .mint-field-core{
      color: #999;
      font-size: 15px;
    }
    .push-order-details .module-block .mint-cell{
      min-height:46px;
    }
    .push-order-details .button-content-bottom {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 100;
      background: #fff;
      display: flex;
      height: 54px;
      align-items: center;
      justify-content: space-between;
      box-shadow: 0px -6px 4px 0px rgba(0, 0, 0, 0.03);
    }

    .push-order-details .button-content-bottom .mint-button {
      justify-content: center;
      font-size: 15px;
      box-shadow: none;
      height:100%;
      width: 50%;
      border-radius:0;

    }

    .push-order-details .button-content-bottom .content-left {
      font-size: 14px;
      color: #666;
    }

    .push-order-details .button-content-bottom .price-num {
      padding-left: 6px;
      font-size: 16px;
      color: red;
    }
    .push-order-details .price-list .price-header{
      font-size: 14px;
      color: #999;
    }
    .push-order-details .price-list .icon-delete{
      background: #c34853;
      position: absolute;
      top:-8px;
      right:8px;
      width: 24px;
      height: 24px;
      border-radius:50%;
      color:#fff;
      text-align: center;
      line-height:30px;
    }
    .push-order-details .price-item{
      position: relative;
      padding:0 6px;
    }
    .push-order-details .price-item,.push-order-details .price-header{
      display: flex;
      margin: 0 0 10px;
    }
    .push-order-details .price-header{
      padding:0 6px 4px;
      font-size: 16px;
    }
  .push-order-details .tab-content-price{
  }
    .push-order-details .info-header{
    margin:0 0 12px;
  }
    .push-order-details .info-product{
      background: #fff;
      margin:0 0 12px;
    }
    .push-order-details .info-product-header{
      position: relative;
      font-size: 16px;
      padding:14px 12px;
    }
    .push-order-details .info-product .mint-button{
      justify-content: center;
      position: absolute;
      top:9px;
      right: 12px;
      height: 32px;
      font-size: 14px;
  }
    .push-order-details .info-product .icon-zengjia{
      margin-right:6px;
      font-size: 14px;
  }
  .push-order-details .popup-select-product{
    background: #fff;
    padding: 58px 0 0;
  }

    .push-order-details .popup-select-product .select-count {
      position: absolute;
      top:-6px;
      right: 0;
      display: inline-block;
      border: 1px solid #eee;
      border-radius: 5px;
    }
    .push-order-details .popup-select-product .select-count .item {
      display: inline-block;
      vertical-align: middle;
      width:30px;
      height:28px;
      font-size:16px;
      text-align: center;
      font-weight: bold;
      line-height: 22px;
    }
    .push-order-details .popup-select-product .select-count .item-reduce {
      font-size: 20px;
      color: #0080e5;
      border-right: 1px solid #eee; }
    .push-order-details .popup-select-product .select-count .item-add {
      font-size:20px;
      color: #0080e5;
      border-left: 1px solid #eee;
    }
    .push-order-details .popup-select-product .select-count .item-input {
      width:40px;
      outline: none;
      border: none;
      font-weight: normal;}

    /*.push-order-details .popup-select-product .media-list{*/
      /*padding:0 0 24px;*/
    /*}*/
    .push-order-details .popup-select-product .media-item{
      display: flex;
    }
    .push-order-details .popup-select-product .media-img{
      width: 32%;
    }
    .push-order-details .popup-select-product .media-content{
      position: relative;
      padding:10px 10px 18px 0;
      width: 68%;
      margin: 0;
      border-bottom:1px solid #eee;
    }
    .push-order-details .popup-select-product .media-list-service .media-content{
      padding:10px 20px 18px;
      width: 100%;

    }
    .push-order-details .popup-select-product .media-content dd{
      margin: 0;
      display: flex;
    }
    .push-order-details .popup-select-product .media-content .addon{
      width:72px;
    }
    .push-order-details .popup-select-product .media-content .content{
      width:80%;
    }
    .push-order-details .popup-select-product .media-content .media-title{
      font-size: 15px;
      color: #000;
      margin:0 0 6px;
      line-height: 22px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp:2;
      overflow: hidden;

    }

    .push-order-details .popup-select-product .media-content .media-type{
      float: right;
      font-size: 12px;
      color: #999;
    }
    .push-order-details .popup-select-product .media-content .media-number{
      display: block;
      font-size: 13px;
      color: #999;
    }
    .push-order-details .popup-select-product .media-content .media-number .count{
      display: block;
      float: right;
      padding-right: 10px;

    }
    .push-order-details .popup-select-product .media-content .media-price{
      position: relative;
      font-size: 14px;
      color: red;
      line-height: 20px;
      margin:24px 0 0;

    }
    .push-order-details .popup-select-product .price-input{
      position: relative;
      top: -4px;
      left: 4px;
      width: 70px;
      padding:6px;
      border: 1px solid #eee;
      border-radius: 5px;
      color: red;
      outline: none;
    }
    .push-order-details .search-content{
      background: #fff;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      overflow: auto;
      height: 60px;
      padding:12px 12px 12px 16px;
      text-align: center;
      z-index: 1000;
      box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.02);
    }
    .push-order-details .search-content .action-ruku{
      position: absolute;
      top: 13px;
      right: 12px;
      font-size: 13px;
      height: 34px;
    }
    .push-order-details .search-content .mint-cell-wrapper{
      padding:2px 10px;
    }
    .push-order-details .search-content .mint-cell{
      border: 1px solid #ddd;
      border-radius:20px;
      padding:0 6px;
      min-height: inherit;
    }
    .push-order-details .search-content .mint-cell .mint-field-core{
      height: 30px;
      font-size: 14px;
    }
    .push-order-details .search-content  .icon-search{
      padding-left: 12px;
      font-size: 20px;

    }
    .push-order-details .media-show-product{
      margin: 0;
      padding: 0;
  }
    .push-order-details .media-show-product .media-item{
      margin: 0;
      padding:10px 12px 14px;
      border-bottom:1px solid #f5f5f5;

  }
    .push-order-details .media-show-product .media-title{
      position: relative;
      font-size: 15px;
      color: #000;
      margin:0 0 10px;
      line-height: 22px;
      display: -webkit-box;
      padding-right: 36px;
      -webkit-box-orient: vertical;
      -webkit-line-clamp:2;
      overflow: hidden;

    }
    .push-order-details .media-show-product .media-title .icon-close2{
      background: #eee;

      position: absolute;
      top:2px;
      right:6px;
      width: 22px;
      height: 22px;
      border-radius: 3px;
      font-size: 12px;
      text-align: center;
      line-height: 22px;
      color: #999;
    }
    .push-order-details .media-show-product .media-price{
      margin:0;
      display: flex;
    }
    .push-order-details .media-show-product .media-header{
      background: #f5f5f5;
      padding:6px 0 6px 8px;
      font-size: 12px;
      color: #888;

    }
    .push-order-details .media-show-product .media-price dd{
    margin: 0;
      width: 32.3%;
      font-size: 13px;
      color: #999;
  }
    .push-order-details .media-show-product .media-price .count{
      text-align: center;
      color: #333;
      font-size: 16px;
  }
    .push-order-details .media-show-product .media-price .num{
      text-align: right;
      font-size: 16px;
      color: red;
    }
    .push-order-details .my-popup{
      width: 100%;
      height:70%;
      padding: 58px 0 0;
    }

    .my-popup-warehouse  .mint-cell.active .factory-list{
      display: block;
    }
    .my-popup-warehouse  .mint-cell-wrapper{
      background:none;
      display: block;
      padding-right:0;
    }
    .my-popup-warehouse .mint-cell{
      display: block;
      padding:16px 0;
      min-height:inherit;
      border-bottom:1px solid #eee;
    }
    .my-popup-warehouse .mint-cell-value{
      display: block;
    }
    .my-popup-warehouse .factory-list{
      display: none;
      margin: 0;
      padding:16px 0 0;
      font-size: 14px;
    }
    .my-popup-warehouse .factory-header,.model-header{
      background:#f5ebeb;
      padding:14px 4px;
      color:#c34853
    }
    .my-popup-warehouse .factory-item,.model-item{
      position: relative;
      margin:0px;
      padding:14px 26px 14px 12px;
      border-bottom:1px solid #eee;
    }
    .my-popup-warehouse .factory-item:after,.model-item:after{
      border: 2px solid #c8c8cd;
      border-bottom-width: 0;
      border-left-width: 0;
      content: " ";
      top: 50%;
      right: 20px;
      position: absolute;
      width: 5px;
      height: 5px;
      -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg);
    }
    .my-popup-warehouse .factory-item:last-child{
      border-bottom:none;
    }
    .my-popup-warehouse .mint-cell-allow-right:after{
      top: 24px;
    }
    .push-order-details .select-operator{
      width: 100%;
      min-height:32px;
      border:none;
      outline:none;
      font-size: 16px;
      color: #666;
      background: none;
      text-align: right;
      /*direction: rtl;*/
    }
    .push-order-details .info-footer{
      background: #fff;
      padding: 0 0 10px;
    }
    .push-order-details .mint-field-select .mint-cell-title{
      width:70%;
    }
    .push-order-details .item-textarea{
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 80px;
      border-radius: 0;
      border: 0;
      outline: 0;
      padding:4px 10px;
      font-size: 15px;
      width: 100%;
      box-shadow: 1px 1px 6px 2px rgba(0,0,0,0.08) inset;
    }
</style>
